<section id="layout">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-tiled ui-border-b" style="height:45px">
                <li class="ui-border-r">积分类型  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li class="ui-border-r">积分来源  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li>时间  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
            </ul>
        </div>
    </div>
</section>
<section id="list">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-border-tb">
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">积分系统项目加分</h4>
                        <p class="ui-nowrap">项目/产值分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+100</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/b.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">帮忙大扫除</h4>
                        <p class="ui-nowrap">综合表现</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a2.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">处理客户售后问题</h4>
                        <p class="ui-nowrap">能力分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">积分系统项目加分</h4>
                        <p class="ui-nowrap">项目/产值分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+100</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/b.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">帮忙大扫除</h4>
                        <p class="ui-nowrap">综合表现</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a2.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">处理客户售后问题</h4>
                        <p class="ui-nowrap">能力分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">积分系统项目加分</h4>
                        <p class="ui-nowrap">项目/产值分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+100</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/b.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">帮忙大扫除</h4>
                        <p class="ui-nowrap">综合表现</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-detail')}','','','')">
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:25px;color:#A9A9A9">
                        <h4>11-11</h4>
                    </div>
                    <div class="ui-list-img" style="width:40px;height:40px">
                        <span style="background-image:url(/Public/App/images/a2.png)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">处理客户售后问题</h4>
                        <p class="ui-nowrap">能力分</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px;color:#65CEA7">
                        <p>+20</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="demo-item" style="height:60px;width:100%">

    </div>
</section>